<nav class="bottom-nav" id="mainNav">
    <div class="nav-item active">
        <div class="nav-icon">
            <svg viewBox="0 0 24 24">
                <path d="M12 2L2 12h3v8h6v-6h2v6h6v-8h3L12 2z"/>
            </svg>
        </div>
        HOME
    </div>
    <div class="nav-item">
        <div class="nav-icon">
            <svg viewBox="0 0 24 24">
                <path d="M14 3v1h-4V3h4m-1 12l5-5-5-5v3H8v4h5v3z"/>
                <path d="M19 13h-4v3l-5-5 5-5v3h4v4h5v3z"/>
            </svg>
        </div>
        REPORT
    </div>
    <div class="nav-item">
        <div class="nav-icon" >
            <svg viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
            </svg>
        </div>
        HELP
    </div>
    <div class="nav-item">
        <div class="nav-icon">
            <svg viewBox="0 0 24 24">
                <path d="M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
            </svg>
        </div>
        LOGIN
    </div>
</nav>